// 简化的composables
export const useUI = () => ({
  isMobile: false,
  isTablet: false,
  isDesktop: true,
  theme: 'light',
  sidebarCollapsed: false,
  clientInfoVisible: true,
  shouldHideClientInfo: false,
  activeTab: 'chats',
  unreadNotificationsCount: 0,
  toggleSidebar: () => {},
  toggleClientInfo: () => {},
  toggleTheme: () => {},
  openModal: () => {},
  setActiveTab: () => {},
  addNotification: () => {}
})

export const useStores = () => ({
  userStore: {
    userName: '客服',
    userAvatar: '/default-avatar.png',
    userStatus: 'online',
    currentUser: { id: '1', name: '客服' },
    logout: async () => {},
    initialize: () => {}
  },
  chatStore: {
    unreadChatsCount: 1,
    activeChat: '1',
    activeChatMessages: [],
    activeChatTypingUsers: [],
    activeChatData: { id: '1', name: 'j****', status: 'active' },
    error: null,
    sendMessage: async () => {},
    loadChatMessages: async () => {},
    addTypingUser: () => {},
    removeTypingUser: () => {}
  },
  uiStore: {
    theme: 'light',
    sidebarCollapsed: false,
    clientInfoVisible: true,
    isMobile: false,
    isTablet: false,
    isDesktop: true,
    activeTab: 'chats',
    unreadNotificationsCount: 0,
    shouldHideClientInfo: false,
    toggleSidebar: () => {},
    toggleClientInfo: () => {},
    toggleTheme: () => {},
    openModal: () => {},
    setActiveTab: () => {},
    addNotification: () => {},
    initialize: () => {}
  },
  clientStore: {}
})

export const useLayoutPersistence = () => ({
  initialize: () => {}
})